<#include "./template.ftl">

<#macro head>
<title>活动-Morketing</title>
<link rel="stylesheet" href="${base}/client/css/activity.css">
<style type="text/css">
    #owl-point .img.first {
        background: url(${base}/system/getImg?imgId=${activity_banner_img_1}) no-repeat 50% 50%;
        background-size: cover
    }

    #owl-point .img.second {
        background: url(${base}/system/getImg?imgId=${activity_banner_img_2}) no-repeat 50% 50%;
        background-size: cover
    }

    #owl-point .img.three {
        background: url(${base}/system/getImg?imgId=${activity_banner_img_3}) no-repeat 50% 50%;
        background-size: cover
    }

    #owl-point .img.four {
        background: url(${base}/system/getImg?imgId=${activity_banner_img_4}) no-repeat 50% 50%;
        background-size: cover
    }
</style>
</#macro>
<#macro content>
<div id="contents" class="wrap">
    <div id="owl-point" class="owl-carousel">
        <a href="${activity_banner_url_1}">
            <div class="img first">
                <div class="overf"></div>
                <div class="wrap text">
                    <div class="title">
                        <div class="h">
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="${activity_banner_url_2}">
            <div class="img second">
                <div class="overf"></div>
                <div class="wrap text">
                    <div class="title">
                        <div class="h">
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="${activity_banner_url_3}">
            <div class="img three">
                <div class="overf"></div>
                <div class="wrap text">
                    <div class="title">
                        <div class="h">
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="${activity_banner_url_4}">
            <div class="img four">
                <div class="overf"></div>
                <div class="wrap text">
                    <div class="title">
                        <div class="h">
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>

    <div class="activity-infos">
        <div class="activity-title">
            <h2><b>Morketing</b> 活动</h2></div>
        <p>Morketing Salon 是由Morketing主办的线下沙龙品牌活动，定期邀请行业内知名大咖相聚，针对一个观点或一个话题，进行头脑风暴，思维碰撞。于2015年10月10日在北京朗园The malt举行第一期salon活动，聚焦移动端双十一电商推广问题。</p>
        <div class="pic">
            <img src="${base}/client/images/activity-pic.jpg" alt=""/>
        </div>
    </div>
    <div class="activity-forward">热门活动持续更新， 尽情期待～</div>

    <div class="more-activity">
        <div class="activity-title">
            <h2><b>更多</b>热门活动 </h2></div>
        <ul class="more-activity-list clearfix">
            <#if events??>
                <#list events as e>
                    <li>
                        <div class="pic"> <a href="${base}/event/detail/${e.eventId}"><img width="100%" src="<#if e.eventThumImg?starts_with("http://morketing.cn")>${e.eventThumImg}<#else>${base}/system/getImg?imgId=${e.eventThumImg}&w=384</#if>" alt=""> </a></div>
                        <div class="title list"><a href="${base}/event/detail/${e.eventId}">${e.eventName}</a></div>
                        <div class="list">
                            <span class="host f-l">主办方:${e.eventZhubanfang}</span>
                    <#if e.statusStr !=''>
                            <span class="state f-r <#if e.eventStatus == 2>over</#if>">${e.statusStr}</span>
                    </#if>
                        </div>
                        <div class="list last">
                            <span class="add f-l">${e.eventLocation}</span>
                            <span class="time f-r">${e.eventStartTime}</span>
                        </div>
                    </li>
                </#list>
            </#if>
        </ul>
        <#--<a href="" class="activity-see-more">查看更多</a>-->
        <div class="index-page">
            <div class="mod-page">
            ${pages!''}
            </div>
        </div>
    </div>
    <#if acs??>
        <div class="activity-report">
            <div class="activity-title">
                <h2><b>活动</b>报道</h2></div>
            <ul class="list clearfix">
                <#list acs as a>
                    <li><a href="${a.linkUrl}">${a.linkName}</a> <i>${a.linkUpdated?datetime}</i></li>
                </#list>
            </ul>
        </div>
    </#if>
</div>
</#macro>
<#macro js>
<script src="${base}/client/js/activity.js"></script>
</#macro>